﻿@using BookStore.Repository
@{
    ViewData["Title"] = "Home";
}


<section class="jumbotron text-center">
    <div class="container">
        <h1>Welcome to Bookstore @ViewData["CustomProperty"]</h1>
        
        <p class="lead text-muted">
            Lorem ipsum dolor sit amet,consectetur adipiscing elit,sed to eiusmod tempor incidicunt ut labore et dolore magna aliqua.
            Ut enim ad minim veniam,quis nostrud exercitation ullamco laboriis nisi ut aliquip ex ea commodo consequat.
        </p>
        <p >
            <a href="#" class="btn btn-primary my-2">Search Books</a>
        </p>

    </div>
</section>

<div class="py-5 bg-light">
    <div class="container">
        <h3 class="h3">Top books</h3>
        @* @await Component.InvokeAsync("TopBooks", new { count = 3 }) *@
        <vc:top-books count="5"></vc:top-books>
    </div>
</div>


@section Scripts{
    <script>
        $(document).ready(function (){
            //alert("document is already");
        });
    </script>
}